<template>
  <div class="box">
    <div class="my">
      <img src="../assets/icon/向左返回.svg" @click="goback" />
      <p>意见与反馈</p>
    </div>
    <input type="text" />
    <div class="inp">
      <el-rate v-model="value" show-text> </el-rate>
    </div>
    <button @click="goAlert">提交</button>
  </div>
</template>
<style lang="scss" scoped>
.box {
  font-size: 18px;
  width: 100%;
  .my {
    line-height: 30px;
    height: 30px;
    display: flex;
    border-bottom: 1px solid rgb(243, 241, 241);
    img {
      width: 20px;
      margin-left: 5px;
    }
    p {
      margin: 0 auto;
    }
  }
  button {
    margin-top: 30px;
    width: 90%;
    height: 50px;
    background-color: #5477ef;
    margin-left: 6%;
    border: 0;
    border-radius: 5px;
    color: white;
  }
  input {
    margin-top: 10px;
    width: 90%;
    margin-left: 5%;
    height: 300px;
    border: 1px solid;
  }
  .inp{
    margin-top: 10px;
    margin-left: 20px;
  }
}
</style>
<script>
export default {
  data() {
    return {
      value: null,
    };
  },
  methods: {
    goback() {
      this.$router.go(-1);
    },
    goAlert() {
      alert("已经感谢你的反馈");
    },
  },
};
</script>